import PageTitle from "@/components/PageTitle";
import "./index.scss";

const Detail = () => {
  return (
    <div className="market-detail-container">
      <PageTitle />

      {/* 卡牌图片 */}
      <div className="photo">
        <div className="level">
          <span>Common 80%</span>
        </div>
        <img src="/images/card.png" alt="" />
      </div>
      {/* 卡牌名称 */}
      <div className="name">Book of Wisdom</div>
      <div className="desc">
        Material UI is an open-source React component library that implements
        Google's Material Design. It's comprehensive and can be used in
        production out of the box.
      </div>
      <div className="title-box">NTF detail</div>
      <div className="content">
        It includes a comprehensive collection of prebuilt components that are
        ready for use in production right out of the box and features a suite of
        customization options that make it easy to implement your own custom
        design system on top of our components.
      </div>

      <div className="foot-box">
        <div className="left-box">
          <img src="/images/usdt.png" alt="" />
          <span className="price">321,312</span>
        </div>
        <div className="btn-box">BUY</div>
      </div>
    </div>
  );
};
export default Detail;
